<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="description" content="Free Web tutorials">
	<meta name="keywords" content="Tech Rider">
	<meta name="author" content="Jonatan Martínez">
	<title>MyTechRider</title>

	<link rel="stylesheet" type="text/css" href="css/estilos-app.css">

</head>
<body>
	<div class="ipad">
		<div class="container-app">
			<header>
				<h1>Stage</h1>
			</header>
			<nav class="nav-ppal">
				<ul>
					<li class="band-info"><a href="#">Band info</a></li>
					<li class="size"><a href="#">Tamaño</a></li>
					<li class="shape"><a href="#">Forma</a></li>
				</ul>
				<ul>
					<li class="credit"><a href="#">Credit</a></li>
				</ul>
				<ul>
					<li class="save-all"><a href="#">Guardar</a></li>
					<li class="export"><a href="#">Exportar</a></li>
					<li class="input-list-btn"><a href="#">Imput list</a></li>
				</ul>
				<ul class="size-content">
					<li><a href="#">Grande <span>(Concert Hall, estadio)</span></a></li>
					<li><a href="#">Mediano <span>(Teatro, auditorio)</span></a></li>
					<li><a class="selected" href="#">Pequeño <span>(Café bar)</span></a></li>
				</ul>
				<ul class="shape-content">
					<li><a class="selected" href="#">Vertical</a></li>
					<li><a href="#">Horizontal</a></li>
					<li><a href="#">Cuadrado</a></li>
					<li><a href="#">Auditorio</a></li>
				</ul>
			</nav>
			<section class="container-stage">
				<div class="stage hori">
					<a class="backline" href="#">Backline</a>
					<a class="foh" href="#">Foh</a>
					<a class="pa1" href="#">Pa</a>
					<a class="pa2" href="#">Pa</a>
					<a class="monitor" href="#">Monitor System</a>
					<a class="input-list" href="#">Imput & Aux list</a>
				</div>
			</section>
		</div>
	</div>
</body>
</html>